<template>
  <div class="btn">
    <button>{{ name }}</button>
  </div>
</template>

<script>
export default {
  name: "btn",
  props: ["name"]
}
</script>

<style lang="sass">
.btn 
  button
    width: 100%
    line-height: 40px
    border: none
    border-radius: 5px
    cursor: pointer
    background: #ddd
    transition: all .5s
    margin-bottom: 20px
  button:hover
    background-color: #409eff
    color: #fff
</style>